<!DOCTYPE html>
<html>
<head>
<title>重庆小面</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Pasta Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<!--<link href="css/Raleway.css" rel='stylesheet' type='text/css'>-->
</head>
	
<body>
<!-- header -->
	<div class="header">
		<div class="container">
			<div class="header-nav">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					    <a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-cutlery" aria-hidden="true"></i><span style="font-family:微软雅黑;color:red">重庆</span>小面</a>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="hvr-bounce-to-bottom active"><a href="index.php">主页</a></li>
							<li class="hvr-bounce-to-bottom"><a href="index.php?c=index&m=menu">菜品列表</a></li>
							<li class="hvr-bounce-to-bottom"><a href="index.php?c=index&m=start">开始点餐！</a></li>
							<li class="hvr-bounce-to-bottom"><a href="index.php?c=index&m=adminLog">管理员登陆</a></li>
						</ul>
					</div><!-- /navbar-collapse -->
				</nav>
			</div>
		</div>
	</div>
<!-- //header -->
<!-- banner -->
	<div class="banner">
			<!-- Slider-starts-Here -->
				<script src="js/responsiveslides.min.js"></script>
				 <script>
				    // You can also use "$(window).load(function() {"
				    $(function () {
				      // Slideshow 4
				      $("#slider3").responsiveSlides({
				        auto: true,
				        pager: false,
				        nav: false,
				        speed: 500,
				        namespace: "callbacks",
				        before: function () {
				          $('.events').append("<li>before event fired.</li>");
				        },
				        after: function () {
				          $('.events').append("<li>after event fired.</li>");
				        }
				      });
				
				    });
				  </script>
			<!--//End-slider-script -->
			<div  id="top" class="callbacks_container">
				<ul class="rslides" id="slider3">
					<li>
						<div class="banner-info">
							<div class="baner-inf">
								<h1>重庆小面</h1>
								<p>我们的招牌！</p>
							</div>
						</div>
					</li>
					<li>
						<div class="banner-info1">
							<div class="baner-inf">
								<h1>鸡丝凉面</h1>
								<p>炎炎夏日的首选！</p>
							</div>
						</div>
					</li>
					<li>
						<div class="banner-info2">
							<div class="baner-inf">
								<h1>豌杂面</h1>
								<p>豌豆的软糯与面条的劲道以及杂酱的香甜，回味无穷</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
	</div>
<!-- //banner -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
<!-- banner-bottom1 -->
	<div class="banner-bottom1">
		<div class="container">
			<h3>Welcome to 重庆小面!</h3>
			<div class="banner-bottom1-grids">
				<div class="col-md-4 banner-bottom1-grid">
					<img src="images/banner.jpg" alt=" " class="img-responsive" />
				</div>
				<div class="col-md-8 banner-bottom1-grid">
					<h4>小面五十强</h4>
					<p>重庆小面五十强评选最早来自民间，经过网友海选，众人审议，最终筛选出“重庆小面五十强”。大溪沟的“一热胜三鲜”、马家堡的“开半天”，彩电中心旁的“彩电面”等享有盛誉的招牌面庄都被推进五十强，许多上榜面庄甚至没有名字，只有一个简单地址。接着还有了09年版的重庆小面50强。2014年元旦，新版重庆小面50强出炉。2014年随着《舌尖上的中国·2部》的播出，重庆小面在国内掀起了热潮，国内慕名而来的不止是食客，更有淘金者，看重的就是小面的商机，目前为止据不完全统计全国上下至少有1000家重庆小面的面馆，一改重庆小面的街边摊经营模式，行业经过整合做起了正规连锁生意，装修大多采用的是山城古镇的风格，突出了山城的特色！让异乡人不仅能品尝到正宗的小面而且有一种身处意境感受巴渝文化！</p>
					<div class="more">
						<a href="index.php?c=index&m=menu">更多菜品</a>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //banner-bottom1 -->

<!-- customer -->
	<div class="customer">
		<div class="container">
			<h3>小面点评</h3>
			<div class="customer-grids">
				<ul id="flexiselDemo1">			
					<li>
						<div class="customer-grid">
							<p>点了一份豌杂面，最具重庆特色了！两个字：好吃！</p>
							<h4>tise张超</h4>
						</div>
					</li>
					<li>
						<div class="customer-grid">
							<p>没错，我一个人吃了2碗。碗真的太小了，不够吃么~旁边的大爷表示惊呆了，他问我，南京的姑娘是不是都这么能吃。我含蓄地笑了~</p>
							<h4>Lee Queen </h4>
						</div>
					</li>
					<li>
						<div class="customer-grid">
							<p>在重庆在第一餐吃了重庆小面，之后就一发不可收拾地爱上了重庆小面，基本上只要能吃到小面的地方我们都会点小面。好在小面真是一种大众的美食，大街小巷的都会有。</p>
							<h4>Tiffany</h4>
						</div>
					</li>
					<li>
						<div class="customer-grid">
							<p>去了重庆特别值得一吃的，我本身是北方人，去重庆第一次发现原来面可以按两卖的，一般老板都会问你要几两面的，但要注意辣椒可是特别辣的。</p>
							<h4>暴暴</h4>
						</div>
					</li>
					<li>
						<div class="customer-grid">
							<p>重庆特色小吃，我没有放辣椒，所以看起来很素，味道一般，感觉跟普通的面差不多，配料是竹叶菜让我有点新奇。</p>
							<h4>青小团子 </h4>
						</div>
					</li>
				</ul>
				<script type="text/javascript">
							$(window).load(function() {
								$("#flexiselDemo1").flexisel({
									visibleItems: 3,
									animationSpeed: 1000,
									autoPlay: true,
									autoPlaySpeed: 3000,    		
									pauseOnHover: true,
									enableResponsiveBreakpoints: true,
									responsiveBreakpoints: { 
										portrait: { 
											changePoint:480,
											visibleItems: 1
										}, 
										landscape: { 
											changePoint:640,
											visibleItems:3
										},
										tablet: { 
											changePoint:768,
											visibleItems: 3
										}
									}
								});
								
							});
					</script>
					<script type="text/javascript" src="js/jquery.flexisel.js"></script>
			</div>
		</div>
	</div>
<!-- //customer -->
<!--- footer --->
	<div class="footer">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-3 footer-grid">
					<h3>重庆小面</h3>
					<p>舌尖上的美味，麻而不辣，辣而不燥，吃了还想吃，吃了忘不了！</p>
				</div>
				<div class="col-md-3 footer-grid">
					<h3>联系我们</h3>
					<div class="footer-grid-address">
						<p>Tel.800-000-000</p>
						<p>Fax: 1234 568</p>
						<p>Email: <a class="email-link" href="mailto:info@example.com">cqxm@nou.com.cn</a></p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="clear"> </div>
	<div class="copy-right">
		<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="index.php" target="_blank" title="模板之家">重庆小面</a> - Collect from <a href="index.php" title="网页模板" target="_blank">CQXM</a></p>
	</div>
<!--- //footer --->
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"> </script>
<!-- //for bootstrap working -->
</body>
</html>